<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>加载失败 - M3U8 Downloader</title>
  <style>
    body {
      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
      background: #f5f7fa;
      margin: 0;
      padding: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
    }
    .error-container {
      background: white;
      border-radius: 8px;
      padding: 40px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      max-width: 600px;
      text-align: center;
    }
    .error-icon {
      font-size: 64px;
      color: #f56c6c;
      margin-bottom: 20px;
    }
    .error-title {
      color: #303133;
      font-size: 24px;
      margin-bottom: 16px;
    }
    .error-message {
      color: #606266;
      font-size: 16px;
      line-height: 1.6;
      margin-bottom: 24px;
    }
    .solution {
      background: #f0f9ff;
      border: 1px solid #b3d8ff;
      border-radius: 6px;
      padding: 20px;
      margin: 20px 0;
      text-align: left;
    }
    .solution h3 {
      color: #409eff;
      margin-top: 0;
    }
    .code {
      background: #f5f7fa;
      border: 1px solid #e4e7ed;
      border-radius: 4px;
      padding: 8px 12px;
      font-family: 'Courier New', monospace;
      color: #606266;
    }
  </style>
</head>
<body>
  <div class="error-container">
    <div class="error-icon">⚠️</div>
    <h1 class="error-title">Vite 开发服务器加载失败</h1>
    <p class="error-message">
      无法连接到 Vite 开发服务器。这通常是因为开发服务器没有启动或运行在不同的端口上。
    </p>
    
    <div class="solution">
      <h3>解决方案：</h3>
      <ol>
        <li>确保 Vite 开发服务器正在运行</li>
        <li>检查端口 3000 是否被占用</li>
        <li>重新启动开发服务器</li>
      </ol>
      
      <h3>启动命令：</h3>
      <div class="code">npm run dev:vite</div>
      
      <h3>或者启动完整应用：</h3>
      <div class="code">npm run dev</div>
    </div>
    
    <p style="color: #909399; font-size: 14px;">
      如果问题持续存在，请检查控制台错误信息或重新启动应用。
    </p>
  </div>
</body>
</html> 